.classifyHeaderBox {
  display: flex;
  margin: 0 0.24rem;
  height: 0.88rem;
  align-items: center;
  justify-content: space-between;
}
.classifyHeaderBox .returnBox {
  width: 0.44rem;
  height: 0.44rem;
  background: url(../img/classification/classification_icon_back.png) no-repeat;
  background-size: cover;
}
.classifyHeaderBox .title {
  font-size: 0.32rem;
  color: #1E2023;
  line-height: 0.88rem;
}
.classifyHeaderBox .searchBox {
  width: 0.44rem;
  height: 0.44rem;
  background: url(../img/classification/nav%20bar_icon_search.png) no-repeat;
  background-size: cover;
}
.classifyContent {
  display: flex;
  margin: 0 0.3rem;
  margin-top: 0.4rem;
  justify-content: space-between;
}
.classifyContent .classifyTitleUl li {
  font-size: 0.3rem;
  color: #1E2023;
  display: flex;
  flex-direction: column;
  margin-bottom: 0.85rem;
}
.classifyContent .classifyTitleUl .activeLi {
  position: relative;
}
.classifyContent .classifyTitleUl .activeLi::after {
  content: '';
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  right: -0.15rem;
  width: 0.1rem;
  height: 0.3rem;
  background: #60A7F6;
  border-radius: 0.05rem;
}
.classifyContent .rightBox .bg {
  width: 4.7rem;
  height: 1.8rem;
}
.classifyContent .rightBox .contentUl {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  width: 4.7rem;
  margin-top: 0.6rem;
}
.classifyContent .rightBox .contentUl li {
  display: flex;
  flex-direction: column;
  margin-bottom: 0.4rem;
}
.classifyContent .rightBox .contentUl li .classifyImg {
  width: 2.28rem;
  height: 1.8rem;
}
.classifyContent .rightBox .contentUl li .imgName {
  font-size: 0.24rem;
  color: #1E2023;
  margin-top: 0.2rem;
}
